<template>
	<div class="box">
		<h1>R00</h1>
		<hr />
		<!-- <a href="#/R01">R01</a>
		<br />
		<a href="#/R02">R02</a>
		<br />
		<a href="#/R03">R03</a> -->
		<!-- 用router-link代替a标签 -->
		<router-link to="/R01">R01</router-link>
		<br />
		<router-link to="/R02">R02</router-link>
		<br />
		<router-link to="/R03">R03</router-link>
		<hr />
		<!-- 子级router占位符 -->
		<router-view></router-view>
		
	</div>
</template>

<script>
</script>

<style scoped>
	.box{
		height: 800px;
		background-color: chartreuse;
	}
</style>